<template>
  <div class="app-container">
    <CHECKBOX></CHECKBOX>
    <FORM></FORM>
    <TREE></TREE>
    <INPUT></INPUT>
    <TABS></TABS>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import CHECKBOX from "./components/checkbox/demo.vue";
import FORM from "./components/form/demo.vue";
import INPUT from "./components/input/demo.vue";
import TABS from "./components/tab/demo.vue";
import TREE from "./components/tree/demo.vue";
export default defineComponent({
  name: "App",
  components: {
    CHECKBOX,
    FORM,
    INPUT,
    TABS,
    TREE
  }
});
</script>

<style lang="scss">
.app-container {
  width: 1000px;
  min-height: 50px;
  margin: 0 auto;
}
</style>
